<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
<title>{pboot:sitetitle}</title>
<meta name="keywords" content="{pboot:sitekeywords}">
<meta name="description" content="{pboot:sitedescription}">
<meta name="author" content="www.91084.com PB634" />
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/remixicon.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/animate.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/style.css" media="screen"/>
<script src="{pboot:sitedomain}/skin/js/jquery-2.2.4.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/html5shiv.v3.72.min.js"></script>
<![endif]-->
</head>
<body id="index">
{include file=head.html}
<div id="blank"></div>
<main>
  <div id="slides">
    <div class="slick-load">
      {pboot:slide gid=1 num=10}
      <section class="item" style="background-image:url([slide:src]);">
        <div class="info">
          <div class="inner">
            <h2>[slide:title]</h2>
            <div class="intro">
              <p>[slide:subtitle]</p>
            </div>
            <div class="more"> <a href="[slide:link]" title="more" target="_blank">more</a> </div>
          </div>
        </div>
      </section>
      {/pboot:slide}
    </div>
    <div class="loading"> <span>加载中...</span> </div>
    <div id="mouse" title="滚动鼠标"></div>
  </div>
  {pboot:sort scode=10}
  <section class="columnbox" id="about">
    <div class="inner">
      <div class="text wow animate__fadeInLeft">
        <hgroup class="columnname left">
          <!-- <h2>[sort:name]</h2> -->
          <h2>Our Company</h2>
          <!-- <h3> / [sort:subname]</h3> -->
        </hgroup>
        {pboot:content id=23}
        <div class="rows excerpt">[content:content drophtml=1 dropblank=1 len=300 more='...'] </div>
        <div class="readmore"> <a href="[content:link]" title="more"><i class="ri-arrow-right-double-line"></i></a> </div>
      </div>
      <div class="pic wow animate__fadeInRight">
        <div class="thumbnail"> <i style="background-image:url([content:ico]);"></i> </div>
      </div>
      {/pboot:content}
    </div>
  </section>
  {/pboot:sort}
  {pboot:sort scode=9}
  <section class="columnbox" id="service">
    <div class="inner">
      <hgroup class="columnname wow animate__fadeInUp">
        <h2>[sort:name]</h2>
        <!-- <h3><span>[sort:subname]</span></h3> -->
      </hgroup>
      <div class="svlist slick-load wow animate__fadeInUp">
        {pboot:list scode=[sort:scode] num=9 order=sorting}
        <article class="item"> <a class="figure" href="[list:link]" title="[list:title]">
          <figure class="img"> <img src="[list:ico]" alt="[list:title]"/> </figure>
          <div class="text">
            <div class="tag"> <span>0[list:i]</span> </div>
            <h4 class="wot">[list:title]</h4>
            <div class="rows intro"> [list:description lencn=90] </div>
          </div>
          <div class="more">
            <p class="rows">[list:title]</p>
            <p><span>more</span></p>
          </div>
          </a> </article>
        {/pboot:list}
      </div>
      <div class="loading"></div>
    </div>
  </section>
  {/pboot:sort}
  <!-- {pboot:sort scode=1}
  <section class="columnbox" id="product">
    <div class="columnname wow animate__fadeInUp">
      <hgroup class="inner">
        <h2>[sort:name]</h2>
        <h3><span>[sort:subname]</span></h3>
      </hgroup>
    </div>
    <div class="slick-load">
      {pboot:list scode=[sort:scode] num=20 order=sorting}
      <article class="item proitem wow animate__zoomIn"> <a class="figure" href="[list:link]" title="[list:title]">
        <figure class="img"> <img src="[list:ico]" alt="[list:title]"/> </figure>
        <div class="text">
          <h4 class="wot">[list:title]</h4>
          <p class="rows">[list:description lencn=40]</p>
        </div>
        </a> </article>
      {/pboot:list}
    </div>
    <div class="morebtn"> <a href="[sort:link]" title="查看更多">更看更多 <i class="ri-arrow-right-s-line"></i></a> </div>
  </section>
  {/pboot:sort} -->
  <!-- {pboot:sort scode=5}
  <section class="columnbox" id="case">
    <hgroup class="columnname wow animate__fadeInUp">
      <h2>[sort:name]</h2>
      <h3><span>[sort:subname]</span></h3>
    </hgroup>
    <div class="list">
      <div class="slick-load wow animate__fadeInRight">
        {pboot:list scode=[sort:scode] num=12 order=sorting}
        <article class="item"> <a class="figure" href="[list:link]" title="[list:title]">
          <figure class="img"> <img src="[list:ico]" alt="[list:title]"/> </figure>
          <h4>[list:title]</h4>
          </a> </article>
        {/pboot:list}
      </div>
    </div>
  </section>
  {/pboot:sort} -->
  <!-- {pboot:sort scode=6}
  <section class="columnbox" id="news">
    <div class="inner">
      <hgroup class="columnname wow animate__fadeInUp">
        <h2>[sort:name]</h2>
        <h3><span>[sort:subname]</span></h3>
      </hgroup>
      <div class="list">
        {pboot:list scode=[sort:scode] num=5 order=sorting}
        <article class="item">
          <div class="date wow animate__fadeInUp">
            <time pubdate="[list:date style=Y-m-d]"> <i>[list:date style=d]</i> [list:date style=Y-m] </time>
          </div>
          <div class="box">
            <div class="info wow animate__fadeInRight">
              <h4> <a href="[list:link]" title="[list:title]">[list:title]</a> </h4>
              <div class="rows excerpt">[list:description lencn=120] </div>
              <div class="readmore"> <a href="[list:link]" title="查看详情"><i class="ri-arrow-right-double-line"></i></a> </div>
            </div>
          </div>
        </article>
        {/pboot:list}
      </div>
      <div class="morebtn"> <a class="color" href="[sort:link]" title="查看更多">查看更多 <i class="ri-arrow-right-s-line"></i></a> </div>
    </div>
  </section>
  {/pboot:sort} -->
  <div id="contact">
    <div class="bg" style="background-image:url({pboot:sitedomain}/skin/images/contactbg.jpg);"></div>
    <div class="inner">
      
      <section id="contactForm" class="wow animate__fadeInUp">
        <h4>Contact Us</h4>
        <div class="box">
          <form action="{pboot:msgaction}" method="post">
            <div class="col">
              <div class="item">
                <label>Name：<i>*</i></label>
                <div class="input">
                  <input type="text" name="contacts" id="name" class="inp"  />
                </div>
              </div>
              <div class="item">
                <label>Tel：<i>*</i></label>
                <div class="input">
                  <input type="text" name="mobile" id="tel" class="inp" />
                </div>
              </div>
            </div>
            <div class="item">
              <label>Email：</label>
              <div class="input">
                <input type="text" name="email" class="inp" value="" />
              </div>
            </div>
            <div class="item">
              <label>Content：</label>
              <div class="input">
                <textarea type="text" name="content" class="inp" ></textarea>
              </div>
            </div>
            <div class="item verify">
              <label>Verification code:<i>*</i></label>
              <div class="input">
                <input type="text" id="" name="checkcode" class="inp" value=""  />
                <img id="vcode" src="{pboot:checkcode}" alt="验证码" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" title="change"/> </div>
            </div>
            <div class="btn">
              <input type="submit" class="submit" value="submit" id="tj"/>
            </div>
          </form>
        </div>
      </section>
      <section id="contactInfo" class="wow animate__fadeInLeft">
        <!-- <hgroup class="columnname left">
          <h2>Follow Us</h2>
          <h3> / Follow Us</h3>
        </hgroup>
        <div class="intro">
          {label:bottom}
        </div> -->
        <div class="ways">
          <h4> Email:<span style="color: #fff;">{pboot:companyemail}</span>  </h4>
        </div>
        <!-- <div class="social">
          <ul>
            <li class="qq"> <a rel="nofollow" href="tencent://message/?Menu=yes&uin={pboot:companyqq}&Site={pboot:httpurl}" title="QQ"><i class="ri-qq-fill"></i></a> </li>
            <li class="wx"> <a href="javascript:void(0);" title="微信"><i class="ri-wechat-fill"></i></a>
              <div class="qr"> <img src="{pboot:companyweixin}" alt="微信"/> </div>
            </li>
            <li class="wb"> <a rel="nofollow" href="{label:weibo}" title="微博" target="_blank"><i class="ri-weibo-fill"></i></a> </li>
            <li class="dy"> <a href="javascript:void(0);" title="抖音"><i class="ri-tiktok-fill"></i></a>
              <div class="qr"> <img src="{label:ma}" alt="抖音"/> </div>
            </li>
          </ul>
        </div> -->
      </section>
      <!-- <div class="clear"></div> -->
    </div>
  </div>
</main>
{include file=foot.html}
<script>
	$(function(){
		$('#tj').click(function(){
			//alert(1)
			if($('#name').val()==''){alert('input you name'); $("#name").focus(); return false;}
			if ($("#tel").val() == "") { alert("input you tel"); $("#tel").focus(); return false; } 
			// if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("tel error"); $("#tel").focus(); return false;} 
		})
	})
</script>
</body>
</html>